/* 上传组件校验失败样式 */
.is-error {
	.upload,
	.upload:hover {
		border-color: var(--el-color-danger) !important;
	}
}
.upload-box {
	/* 上传组件禁用样式 */
	.is-view,
	.is-view:hover {
		border-color: var(--el-border-color) !important;
		:deep(.el-upload) {
			cursor: not-allowed !important;
			.el-upload-dragger {
				cursor: not-allowed !important;
			}
		}
	}

	/* 上传组件样式 */
	.upload {
		width: 100%;
		height: 100%;
		overflow: hidden;
		border: 2px dashed var(--el-border-color);
		border-radius: 6px;
		transition: var(--el-transition-duration-fast);
		&:hover {
			border-color: var(--el-color-primary);
		}
		:deep(.el-upload) {
			position: relative;
			width: 100%;
			height: 100%;
			.el-upload-dragger {
				width: 100%;
				height: 100%;
				padding: 0;
				border: none;
			}
			.image {
				width: 100%;
				height: 100%;
			}
			.upload-icon {
				width: 100%;
				height: 100%;
				font-size: 28px;
				color: #8c939d;
			}
			.view-icon {
				position: absolute;
				top: 0;
				right: 0;
				box-sizing: border-box;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 35px;
				height: 25px;
				cursor: pointer;
				background: rgb(235 235 235 / 80%);
				border-bottom-left-radius: 10px;
				img {
					width: 17px;
				}
			}
		}
	}
}
